﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Spread.Master" AutoEventWireup="true" CodeBehind="Overview.aspx.cs" Inherits="ControlExplorer.samples.Worksheet.Overview" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  <style type="text/css">
    .toolbar {
      BACKGROUND-IMAGE: url(../images/ajax/toolbar.Horizontal.background.gif);
      MARGIN-BOTTOM: 1px;
      MARGIN-RIGHT: 2px;
    }
  </style>
  <script type="text/javascript">
    function btnOver(theTD, ftbName, imageOver, imageDown) {
      event.srcElement.style.backgroundColor = "lightsteelblue";
    }
    function btnOut(theTD, ftbName, imageOver, imageDown) {
      event.srcElement.style.backgroundColor = "";
    }

    function setFocus(ss) {
      if (document.all != null) {
        ss.focus();
      } else {
        the_fpSpread.SetPageActiveSpread(ss);
        the_fpSpread.Focus(ss);
      }
    }

    function FontBold() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("FontBold");
      setFocus(ss);
    }
    function FontItalic() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("FontItalic");
      setFocus(ss);
    }
    function SetFontName(name) {
      if (document.all != null) document.body.focus();
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("FontName." + name);
      setFocus(ss);
    }
    function SetFontSize(size) {
      if (document.all != null) document.body.focus();
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("FontSize." + size);
      setFocus(ss);
    }
    function FontUnderline() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("FontUnderline");
      setFocus(ss);
    }
    function AlignLeft() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("AlignLeft");
      setFocus(ss);
    }
    function AlignCenter() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("AlignCenter");
      setFocus(ss);
    }
    function AlignRight() {
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("AlignRight");
      setFocus(ss);
    }
    function SetForeColor(color) {
      if (document.all != null) document.body.focus();
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("ForeColor." + color);
      setFocus(ss);
    }
    function SetBackColor(color) {
      if (document.all != null) document.body.focus();
      var ss = document.getElementById("FpSpread1");
      ss.CallBack("BackColor." + color);
      setFocus(ss);
    }
    function Cut() {
      var ss = document.getElementById("FpSpread1");
      ss.Clear();
    }
    function Copy() {
      var ss = document.getElementById("FpSpread1");
      ss.Copy();
    }
    function Paste() {
      var ss = document.getElementById("FpSpread1");
      ss.Paste();
    }
  </script>

  <br />
  Use this page to fully interact with Spread. You can enter formulas, values, 
      format or other options.<br />
  <br />
  <!-- BEGIN Toolbar -->
  <div id="Div1" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; Z-INDEX: 2000; LEFT: 30px; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; WIDTH: 95%; BORDER-BOTTOM: black 1px solid; POSITION: relative">
    <div class="toolbar" style="OVERFLOW: hidden">
      <table id="Table3" cellspacing="0" cellpadding="0" border="0">
        <tr>
          <td>
            <img alt="" src="../images/ajax/toolbar.Horizontal.start.gif" border="0" /></td>
          <td>
            <table id="Table4" cellspacing="0" cellpadding="0" border="0">
              <tr>
                <td class="btnnormal" id="ss_btn_Bold" onmouseover="btnOver();" onclick="FontBold();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Bold" src="../images/ajax/bold.gif" width="21" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Italic" onmouseover="btnOver();" onclick="FontItalic();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Italic" src="../images/ajax/italic.gif" width="21" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Underline" onmouseover="btnOver();" onclick="FontUnderline();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Underline" src="../images/ajax/underline.gif" width="21"
                    border="0" /></td>
                <td>
                  <img alt="" src="../images/ajax/separator.Horizontal.gif" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Justify Left" onmouseover="btnOver();" onclick="AlignLeft();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Justify Left" src="../images/ajax/justifyleft.gif" width="21"
                    border="0" /></td>
                <td class="btnnormal" id="ss_btn_Justify Center" onmouseover="btnOver();" onclick="AlignCenter();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Justify Center" src="../images/ajax/justifycenter.gif"
                    width="21" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Justify Right" onmouseover="btnOver();" onclick="AlignRight();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Justify Right" src="../images/ajax/justifyright.gif"
                    width="21" border="0" /></td>
                <td>
                  <img alt="" src="../images/ajax/separator.Horizontal.gif" border="0" /></td>
                <td style="PADDING-LEFT: 4px">
                  <select style="WIDTH: 75px" tabindex="-1" onchange="SetFontName(this[this.selectedIndex].text);this.selectedIndex=0;">
                    <option value="" selected="selected">Font</option>
                    <option value="Arial">Arial</option>
                    <option value="Courier New">Courier New</option>
                    <option value="Garamond">Garamond</option>
                    <option value="Georgia">Georgia</option>
                    <option value="Tahoma">Tahoma</option>
                    <option value="Times New Roman">Times</option>
                    <option value="Verdana">Verdana</option>
                  </select>
                </td>
                <td style="PADDING-LEFT: 4px">
                  <select tabindex="-1" style="WIDTH: 52px" onchange="SetFontSize(this[this.selectedIndex].text);this.selectedIndex=0;">
                    <option value="" selected="selected">Size</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                  </select>
                </td>
                <td style="PADDING-LEFT: 4px">
                  <select style="WIDTH: 75px" tabindex="-1" onchange="SetForeColor(this[this.selectedIndex].text);this.selectedIndex=0;">
                    <option value="" selected="selected">Color</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: black" value="#000000">Black</option>
                    <option style="BACKGROUND-COLOR: gray" value="#808080">Gray</option>
                    <option style="BACKGROUND-COLOR: #A9A9A9" value="#A9A9A9">DarkGray</option>
                    <option style="BACKGROUND-COLOR: #D3D3D3" value="#D3D3D3">LightGray</option>
                    <option style="BACKGROUND-COLOR: white" value="#FFFFFF">White</option>
                    <option style="BACKGROUND-COLOR: #7FFFD4" value="#7FFFD4">Aquamarine</option>
                    <option style="BACKGROUND-COLOR: blue" value="#0000FF">Blue</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: navy" value="#000080">Navy</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: purple" value="#800080">Purple</option>
                    <option style="BACKGROUND-COLOR: #FF1493" value="#FF1493">DeepPink</option>
                    <option style="BACKGROUND-COLOR: #EE82EE" value="#EE82EE">Violet</option>
                    <option style="BACKGROUND-COLOR: #FFC0CB" value="#FFC0CB">Pink</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: #006400" value="#006400">DarkGreen</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: green" value="#008000">Green</option>
                    <option style="BACKGROUND-COLOR: #9ACD32" value="#9ACD32">YellowGreen</option>
                    <option style="BACKGROUND-COLOR: yellow" value="#FFFF00">Yellow</option>
                    <option style="BACKGROUND-COLOR: #FFA500" value="#FFA500">Orange</option>
                    <option style="BACKGROUND-COLOR: red" value="#FF0000">Red</option>
                    <option style="BACKGROUND-COLOR: #A52A2A" value="#A52A2A">Brown</option>
                    <option style="BACKGROUND-COLOR: #DEB887" value="#DEB887">BurlyWood</option>
                    <option style="BACKGROUND-COLOR: #F5F5DC" value="#F5F5DC">Beige</option>
                  </select>
                </td>
                <td style="PADDING-LEFT: 4px">
                  <select style="WIDTH: 85px" tabindex="-1" onchange="SetBackColor(this[this.selectedIndex].text);this.selectedIndex=0;">
                    <option value="" selected="selected">BackColor</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: black" value="#000000">Black</option>
                    <option style="BACKGROUND-COLOR: gray" value="#808080">Gray</option>
                    <option style="BACKGROUND-COLOR: #A9A9A9" value="#A9A9A9">DarkGray</option>
                    <option style="BACKGROUND-COLOR: #D3D3D3" value="#D3D3D3">LightGray</option>
                    <option style="BACKGROUND-COLOR: white" value="#FFFFFF">White</option>
                    <option style="BACKGROUND-COLOR: #7FFFD4" value="#7FFFD4">Aquamarine</option>
                    <option style="BACKGROUND-COLOR: blue" value="#0000FF">Blue</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: navy" value="#000080">Navy</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: purple" value="#800080">Purple</option>
                    <option style="BACKGROUND-COLOR: #FF1493" value="#FF1493">DeepPink</option>
                    <option style="BACKGROUND-COLOR: #EE82EE" value="#EE82EE">Violet</option>
                    <option style="BACKGROUND-COLOR: #FFC0CB" value="#FFC0CB">Pink</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: #006400" value="#006400">DarkGreen</option>
                    <option style="COLOR: #ffffff; BACKGROUND-COLOR: green" value="#008000">Green</option>
                    <option style="BACKGROUND-COLOR: #9ACD32" value="#9ACD32">YellowGreen</option>
                    <option style="BACKGROUND-COLOR: yellow" value="#FFFF00">Yellow</option>
                    <option style="BACKGROUND-COLOR: #FFA500" value="#FFA500">Orange</option>
                    <option style="BACKGROUND-COLOR: red" value="#FF0000">Red</option>
                    <option style="BACKGROUND-COLOR: #A52A2A" value="#A52A2A">Brown</option>
                    <option style="BACKGROUND-COLOR: #DEB887" value="#DEB887">BurlyWood</option>
                    <option style="BACKGROUND-COLOR: #F5F5DC" value="#F5F5DC">Beige</option>
                  </select>
                </td>
                <td>
                  <img alt="" src="../images/ajax/separator.Horizontal.gif" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Cut" onmouseover="btnOver();" onclick="Cut();" onmouseout="btnOut();">
                  <img height="20" alt="Cut" src="../images/ajax/cut.gif" width="21" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Copy" onmouseover="btnOver();" onclick="Copy();" onmouseout="btnOut();">
                  <img height="20" alt="Copy" src="../images/ajax/copy.gif" width="21" border="0" /></td>
                <td class="btnnormal" id="ss_btn_Paste" onmouseover="btnOver();" onclick="Paste();"
                  onmouseout="btnOut();">
                  <img height="20" alt="Paste" src="../images/ajax/paste.gif" width="21" border="0" /></td>
                <td>
                  <img alt="" src="../images/ajax/separator.Horizontal.gif" border="0" /></td>
              </tr>
            </table>
          </td>
          <td>
            <img alt="" src="../images/ajax/toolbar.Horizontal.end.gif" border="0" /></td>
        </tr>
      </table>
    </div>
    <!-- END TOOLBAR -->
    <FarPoint:FpSpread ID="FpSpread1" runat="server" BorderWidth="1px" BorderStyle="Solid" BorderColor="Black" ClientIDMode="Static"
      Height="305px" Width="1085px" DesignString='<?xml version="1.0" encoding="utf-8"?><Spread />' EnableTheming="True">
      <Sheets>
        <FarPoint:SheetView DesignString="&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&lt;Sheet&gt;&lt;Data&gt;&lt;RowHeader class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;3&quot; columns=&quot;1&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;/RowHeader&gt;&lt;ColumnHeader class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;1&quot; columns=&quot;4&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;/ColumnHeader&gt;&lt;DataArea class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;3&quot; columns=&quot;4&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;SheetName&gt;Sheet1&lt;/SheetName&gt;&lt;/DataArea&gt;&lt;SheetCorner class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;1&quot; columns=&quot;1&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;/SheetCorner&gt;&lt;ColumnFooter class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;1&quot; columns=&quot;4&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;/ColumnFooter&gt;&lt;/Data&gt;&lt;Presentation&gt;&lt;HeaderGrayAreaColor&gt;#7999c2&lt;/HeaderGrayAreaColor&gt;&lt;AxisModels&gt;&lt;Column class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; orientation=&quot;Horizontal&quot; count=&quot;4&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot;&gt;&lt;SortIndicator&gt;Ascending&lt;/SortIndicator&gt;&lt;/Item&gt;&lt;/Items&gt;&lt;/Column&gt;&lt;RowHeaderColumn class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; defaultSize=&quot;40&quot; orientation=&quot;Horizontal&quot; count=&quot;1&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot;&gt;&lt;Size&gt;40&lt;/Size&gt;&lt;SortIndicator&gt;Ascending&lt;/SortIndicator&gt;&lt;/Item&gt;&lt;/Items&gt;&lt;/RowHeaderColumn&gt;&lt;ColumnHeaderRow class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; defaultSize=&quot;22&quot; orientation=&quot;Vertical&quot; count=&quot;1&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot;&gt;&lt;Size&gt;22&lt;/Size&gt;&lt;/Item&gt;&lt;/Items&gt;&lt;/ColumnHeaderRow&gt;&lt;ColumnFooterRow class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; defaultSize=&quot;22&quot; orientation=&quot;Vertical&quot; count=&quot;1&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot;&gt;&lt;Size&gt;22&lt;/Size&gt;&lt;/Item&gt;&lt;/Items&gt;&lt;/ColumnFooterRow&gt;&lt;/AxisModels&gt;&lt;StyleModels&gt;&lt;RowHeader class=&quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&quot; Rows=&quot;3&quot; Columns=&quot;1&quot;&gt;&lt;AltRowCount&gt;2&lt;/AltRowCount&gt;&lt;DefaultStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;RowHeaderDefault&quot; /&gt;&lt;ConditionalFormatCollections /&gt;&lt;/RowHeader&gt;&lt;ColumnHeader class=&quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&quot; Rows=&quot;1&quot; Columns=&quot;4&quot;&gt;&lt;AltRowCount&gt;2&lt;/AltRowCount&gt;&lt;DefaultStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;ColumnHeaderDefault&quot;&gt;&lt;Background class=&quot;FarPoint.Web.Spread.Background&quot;&gt;&lt;BackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chbg.gif&lt;/BackgroundImageUrl&gt;&lt;SelectedBackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chm.png&lt;/SelectedBackgroundImageUrl&gt;&lt;/Background&gt;&lt;/DefaultStyle&gt;&lt;ConditionalFormatCollections /&gt;&lt;/ColumnHeader&gt;&lt;DataArea class=&quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&quot; Rows=&quot;3&quot; Columns=&quot;4&quot;&gt;&lt;AltRowCount&gt;2&lt;/AltRowCount&gt;&lt;DefaultStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;DataAreaDefault&quot; /&gt;&lt;ConditionalFormatCollections /&gt;&lt;/DataArea&gt;&lt;SheetCorner class=&quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&quot; Rows=&quot;1&quot; Columns=&quot;1&quot;&gt;&lt;AltRowCount&gt;2&lt;/AltRowCount&gt;&lt;DefaultStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;CornerDefault&quot;&gt;&lt;Background class=&quot;FarPoint.Web.Spread.Background&quot;&gt;&lt;BackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chbg.gif&lt;/BackgroundImageUrl&gt;&lt;SelectedBackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chm.png&lt;/SelectedBackgroundImageUrl&gt;&lt;/Background&gt;&lt;/DefaultStyle&gt;&lt;ConditionalFormatCollections /&gt;&lt;/SheetCorner&gt;&lt;ColumnFooter class=&quot;FarPoint.Web.Spread.Model.DefaultSheetStyleModel&quot; Rows=&quot;1&quot; Columns=&quot;4&quot;&gt;&lt;AltRowCount&gt;2&lt;/AltRowCount&gt;&lt;DefaultStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;ColumnFooterDefault&quot; /&gt;&lt;ConditionalFormatCollections /&gt;&lt;/ColumnFooter&gt;&lt;/StyleModels&gt;&lt;MessageRowStyle class=&quot;FarPoint.Web.Spread.Appearance&quot;&gt;&lt;BackColor&gt;LightYellow&lt;/BackColor&gt;&lt;ForeColor&gt;Red&lt;/ForeColor&gt;&lt;/MessageRowStyle&gt;&lt;SheetCornerStyle class=&quot;FarPoint.Web.Spread.NamedStyle&quot; Parent=&quot;CornerDefault&quot;&gt;&lt;Background class=&quot;FarPoint.Web.Spread.Background&quot;&gt;&lt;BackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chbg.gif&lt;/BackgroundImageUrl&gt;&lt;SelectedBackgroundImageUrl&gt;SPREADCLIENTPATH:/img/chm.png&lt;/SelectedBackgroundImageUrl&gt;&lt;/Background&gt;&lt;/SheetCornerStyle&gt;&lt;AllowLoadOnDemand&gt;false&lt;/AllowLoadOnDemand&gt;&lt;LoadRowIncrement &gt;10&lt;/LoadRowIncrement &gt;&lt;LoadInitRowCount &gt;30&lt;/LoadInitRowCount &gt;&lt;TopRow&gt;0&lt;/TopRow&gt;&lt;PreviewRowStyle class=&quot;FarPoint.Web.Spread.PreviewRowInfo&quot;&gt;&lt;TabStop&gt;False&lt;/TabStop&gt;&lt;/PreviewRowStyle&gt;&lt;/Presentation&gt;&lt;Settings&gt;&lt;Name&gt;Sheet1&lt;/Name&gt;&lt;Categories&gt;&lt;Appearance&gt;&lt;GridLineColor&gt;#d0d7e5&lt;/GridLineColor&gt;&lt;SelectionBorder class=&quot;FarPoint.Web.Spread.Border&quot; /&gt;&lt;HeaderGrayAreaColor&gt;#7999c2&lt;/HeaderGrayAreaColor&gt;&lt;SelectionBackColor&gt;#eaecf5&lt;/SelectionBackColor&gt;&lt;/Appearance&gt;&lt;Behavior /&gt;&lt;Layout&gt;&lt;RowHeaderColumnCount&gt;1&lt;/RowHeaderColumnCount&gt;&lt;ColumnHeaderRowCount&gt;1&lt;/ColumnHeaderRowCount&gt;&lt;/Layout&gt;&lt;/Categories&gt;&lt;ColumnHeaderRowCount&gt;1&lt;/ColumnHeaderRowCount&gt;&lt;ColumnFooterRowCount&gt;1&lt;/ColumnFooterRowCount&gt;&lt;TitleInfo class=&quot;FarPoint.Web.Spread.TitleInfo&quot;&gt;&lt;Style class=&quot;FarPoint.Web.Spread.StyleInfo&quot;&gt;&lt;BackColor&gt;#e7eff7&lt;/BackColor&gt;&lt;HorizontalAlign&gt;Right&lt;/HorizontalAlign&gt;&lt;/Style&gt;&lt;/TitleInfo&gt;&lt;LayoutTemplate class=&quot;FarPoint.Web.Spread.LayoutTemplate&quot;&gt;&lt;Layout&gt;&lt;ColumnCount&gt;4&lt;/ColumnCount&gt;&lt;RowCount&gt;1&lt;/RowCount&gt;&lt;/Layout&gt;&lt;Data&gt;&lt;LayoutData class=&quot;FarPoint.Web.Spread.Model.DefaultSheetDataModel&quot; rows=&quot;1&quot; columns=&quot;4&quot;&gt;&lt;AutoCalculation&gt;True&lt;/AutoCalculation&gt;&lt;AutoGenerateColumns&gt;True&lt;/AutoGenerateColumns&gt;&lt;ReferenceStyle&gt;A1&lt;/ReferenceStyle&gt;&lt;Iteration&gt;False&lt;/Iteration&gt;&lt;MaximumIterations&gt;1&lt;/MaximumIterations&gt;&lt;MaximumChange&gt;0.001&lt;/MaximumChange&gt;&lt;/LayoutData&gt;&lt;/Data&gt;&lt;AxisModels&gt;&lt;LayoutColumn class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; orientation=&quot;Horizontal&quot; count=&quot;4&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot;&gt;&lt;SortIndicator&gt;Ascending&lt;/SortIndicator&gt;&lt;/Item&gt;&lt;/Items&gt;&lt;/LayoutColumn&gt;&lt;LayoutRow class=&quot;FarPoint.Web.Spread.Model.DefaultSheetAxisModel&quot; orientation=&quot;Vertical&quot; count=&quot;1&quot;&gt;&lt;Items&gt;&lt;Item index=&quot;-1&quot; /&gt;&lt;/Items&gt;&lt;/LayoutRow&gt;&lt;/AxisModels&gt;&lt;/LayoutTemplate&gt;&lt;LayoutMode&gt;CellLayoutMode&lt;/LayoutMode&gt;&lt;/Settings&gt;&lt;/Sheet&gt;"
          GridLineColor="#D0D7E5" SelectionBackColor="#EAECF5" SheetName="Sheet1">
        </FarPoint:SheetView>
      </Sheets>
      <TitleInfo BackColor="#E7EFF7" Font-Size="X-Large" HorizontalAlign="Center">
      </TitleInfo>
      <HierBar Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
        Font-Underline="False" />
      <Pager Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
        Font-Underline="False" />
      <CommandBar BackColor="Transparent" Font-Bold="False" Font-Italic="False" Font-Overline="False"
        Font-Strikeout="False" Font-Underline="False">
        <Background BackgroundImageUrl="SPREADCLIENTPATH:/img/cbbg.gif" />
      </CommandBar>
    </FarPoint:FpSpread>
  </div>
  <br />
  <br />
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
  <p>
    Spread ASP.NET supports up to 2 billion uniquely named sheets in a single component. Use multiple sheets to categorize your information, similar to using worksheets in Microsoft Excel.
  </p>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
